<template>
  <el-scrollbar height="100vh">
    <!-- <div class="page-wrapper">
      <TopBar />
      <FirstScreen />
      <BottomBar />
    </div> -->
  </el-scrollbar>
</template>

<script lang="ts" setup>
// import TopBar from "./component/TopBar.vue";
// import BottomBar from "./component/BottomBar.vue";
// import FirstScreen from "./component/FirstScreen.vue";
// import SecondScreen from "./component/SecondScreen.vue";
</script>

<style scoped>
.divider-line {
  width: 80%;
  height: 2px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #333;
  border: 0;
}

.page-wrapper {
  --text-color: white;

  width: 100%;
  font-family: Roboto, sans-serif;
}
</style>
